<template>
    <div class="charts-box">
        <div class="charts-box-content">
            <div class="charts-box-content-left">
                周同比
                <el-icon color="red"><CaretTop /></el-icon>
                12％
            </div>
            <div class="charts-box-content-right">
                日环比
                <el-icon color="green"><CaretBottom /></el-icon>
                12％
            </div>
        </div>
    </div>
</template>
<script setup>
import * as echarts from "echarts";
import { nextTick, onMounted, onUnmounted, ref, watch } from "vue";

onMounted(() => {});

onUnmounted(() => {});
</script>
<style lang="scss" scoped>
.charts-box {
    position: relative;
    height: 100%;
    .charts-box-content {
        position: absolute;
        width: 100%;
        bottom: 0px;
        display: flex;
        &-left{
            font-size: 16px;
        }
        &-right{
            margin-left: 8%;
            font-size: 16px;
        }
    }
}
</style>
